<template>
  <div class="table_caozuo">
    <template v-for="(item,index) in btn">
      <el-button :key="index" @click="handler(index)" v-if="item.isShow" type="primary" style="margin:0 0 20px 0">{{item.title}}</el-button>
    </template>
    <avue-crud
      ref="crud"
      style="width:100%"
      :page.sync="page"
      :data="loadData"
      :option="tableOption"
      :table-loading="loading"
      @size-change="sizeChange"
      @current-change="currentChange"
    >
      <template slot="dh" slot-scope="scope">
        <el-image
          style="width: 50px; height: 50px"
          :src="scope.row.dh"
          :preview-src-list="[scope.row.dh]"
        ></el-image>
      </template>
      <!-- <template slot="menu" slot-scope="scope">
        <el-button @click="details(scope.row)" type="text" icon="el-icon-edit">详情</el-button>
      </template>-->
    </avue-crud>
  </div>
</template>

<script src='./list_table.js'></script>

<style lang="scss">
.table_caozuo {
  margin: 10px 0px;
}
</style>